.page-box {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #fff;
    padding: 0 24rpx;
    .page-head {
        padding-top: 40rpx;
        .logo {
            width: 120rpx;
            height: 120rpx;
        }
        .title {
            padding-left: 24rpx;
            font-size: 48rpx;
            font-weight: bold;
        }
    }
    .from-box {
        margin-top: 92rpx;
        margin-bottom: 30rpx;
        .input-box {
            height: 94rpx;
            border-bottom: 1px solid #eee;
            .iconfont {
                font-size: 36rpx;
                color: #999;
                margin-right: 26rpx;
            }
            .uni-input {
                font-size: 30rpx;
            }
            .get-code {
                width: 240rpx;
                height: 68rpx;
                background: #1226aa;
                font-size: 26rpx;
                color: #fff;
                border-radius: 10rpx;
                &.isDisabled {
                    opacity: 0.8;
                }
            }
            .pic-code {
                width: 240rpx;
                height: 68rpx;
            }
        }
        .phone-tip {
            margin-top: 16rpx;
            font-size: 26rpx;
            color: #566aff;
            font-weight: 400;
        }
    }
    .span-box {
        margin-bottom: 126rpx;
        .t1 {
            font-size: 26rpx;
            color: #323233;
        }
        .t2 {
            font-size: 26rpx;
            color: #566aff;
        }
    }
    .btn {
        height: 100rpx;
        background: #1226aa;
        color: #fff;
        border-radius: 60rpx;
        font-size: 36rpx;
        letter-spacing: 8rpx;
        &.l_disabled {
            opacity: 0.6;
        }
    }
    .login-type {
        margin-top: 34rpx;
        padding: 0 24rpx;
        .t1 {
            color: #566aff;
            font-size: 26rpx;
        }
        .t2 {
            color: #566aff;
            font-size: 26rpx;
        }
    }
}
